<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>获取并调整窗口位置和大小</title>
	</head>
	<body>
		<p><input type="button" value="打开窗口" onclick="newblank()"/></p>
		<p><input type="button" value="调整窗口的大小和位置" onclick="changeblank()"/></p>
		<script>
			//定义窗口
			var mywin;
			//获取窗口信息(宽高...)
			function getblankMessage(){
			 	//相对于屏幕窗口的坐标
			 	mywin.document.write("相对于屏幕窗口的坐标"+mywin.screenX+","+mywin.screenY+"<br>");
			 	//文档窗口的宽高
			 	mywin.document.write("窗口文档的高度和宽度"+mywin.innerWidth+","+mywin.innerHeight+"<br>");
			 	//窗口外部的高度
			 	mywin.document.write("窗口外部的宽度和高度"+mywin.outerWidth+","+mywin.outerHeight);
			}
			
			function newblank(){
				//打开窗口
				mywin=open('','我的新窗口','width=300,height=250,left=200,top=100');
				//调用方法输出窗口信息
				getblankMessage();
			}
			function changeblank(){
				//调整窗口大小和位置
				
				//调用方法输出窗口信息
				getblankMessage();
			}
			
		</script>
	</body>
</html>
